<!doctype html>
<html lang="en">

<head>
    <title>SD闪达工作室</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/stylem.css">
    <link rel="stylesheet" href="css/stylean.css">

    <script src="js/jquery-3.3.1.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/app.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="header ShowPC">
        <nav class="head">
            <!-- logo -->
            <div class="header_logo_out">
                <div class="header_logo">
					<!-- logo图片 -->
                    <img class="img-fluid header_logo_img" src="img/head/logow.png" alt="">
                </div>
            </div>
            <div class="header_link">
                <ul>
                    <li>
                        <a href="index.html">首页</a>
                    </li>
                    <li>
                        <a href="Web.html">成果</a>
                    </li>
                    <li>
                        <a href="Life.html">生活</a>
                    </li>
                    <li>
                        <a href="Story.html">故事</a>
                    </li>
                    <li>
                        <a href="About.html">关于</a>
                    </li>
                    <li>
                        <a href="Contact.html">联系</a>
                    </li>
                </ul>
            </div>
        </nav>
    </div>
 <!-- 头部炫酷图 -->
    <div class="content content_web">
        <div class="web_canvas">
            <div class="web_canvas_01">
				<!-- 背景动态图片 -->
                <div class="web_canvas_01_bg">
                </div>
            </div>
            <div class="web_canvas_02">
				<!-- "Hello World"字体 -->
                <canvas id="canvas_web02"></canvas>
            </div>
        </div>

        <!-- 1 -->
        <div class=" web_content1">
            <div class="container ">
                <div class="row">
                    <div class="col-12 col-sm-6  col-md-3 ">
                        <div class="web_con1_title">
                            SD-私房菜
                        </div>
                        <div class="web_con1_i">
                            <div class="web_con1_i_inner">
                                <i class="fa fa-dropbox"></i>
                            </div>
                        </div>
                        <div class="web_con1_text">
							SD-私房菜项目是小组在大二创新创业结课活动上提出的构思，有完整的项目说明书，现在社会上已有这样的组织
                            <!-- HTML是一种用于创建网页的标准标记语言。 CSS层叠样式表是一种用来表现HTML或XML等文件样式的计算机语言 -->
                        </div>
                    </div>
                    <div class="col-12 col-sm-6  col-md-3 ">
                        <div class="web_con1_title">
                            SD-魔力赏
                        </div>
                        <div class="web_con1_i">
                            <div class="web_con1_i_inner">
                                <i class="fa fa-magic"></i>
                            </div>
                        </div>
                        <div class="web_con1_text">
							SD-魔力赏是大三下学期在电子商务课上提出的构思，是一个抽奖的小活动。
                           <!-- JavaScript 是 Web 的编程语言。 所有现代的 HTML 页面都使用 JavaScript。 -->
                        </div>
                    </div>
                    <div class="col-12 col-sm-6  col-md-3 ">
                        <div class="web_con1_title">
                            SD-远程教育平台
                        </div>
                        <div class="web_con1_i">
                            <div class="web_con1_i_inner">
                                <i class="fa fa-mortar-board"></i>
                            </div>
                        </div>
                        <div class="web_con1_text">
							SD-远程教育平台是大二下学期关于软件工程课的结课大作业，包含了软件工程学科的一套完整的策划书，那个时候还是在疫情期间。
                           <!-- HTML5 canvas元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成。canvas 标签只是图形容器，您必须使用脚本来绘制图形。 -->
                        </div>
                    </div>
                    <div class="col-12 col-sm-6  col-md-3">
                        <div class="web_con1_title">
                            SD-未来
                        </div>
                        <div class="web_con1_i">
                            <div class="web_con1_i_inner">
                                <i class="fa fa-film"></i>
                            </div>
                        </div>
                        <div class="web_con1_text">
							SD已经走过了三个年头，下一年小组人员也都要毕业了，希望未来的某天，SD小组能正是成立。
                            <!-- 工具是参与完成创新活动的重要手段之一，选择合适的工具会使创新活动的效率更高、甚至会达到倍增的效果。 -->
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class="col-10 col-sm-10 col-md-4 ">
                        <div class="web_con1_btn">
                            <a href="web-02.html">查看更多</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 2 -->
        <div class=" web_content2">
            <div class="container ">
                <div class="row">
                    <div class="col-12 col-sm-6  col-md-4 col-lg-4 col-xl-3  ">
                        <div class="web_con2_classify_title">
                            SD-私房菜
                        </div>
                    </div>
                    <div class="col-12 col-sm-6  col-md-4 col-lg-4 col-xl-3  ">
                        <div class="web_con2_classify_title">
                            SD-魔力赏
                        </div>
                    </div>
                    <div class="col-12 col-sm-6  col-md-4 col-lg-4 col-xl-3  ">
                        <div class="web_con2_classify_title">
                            SD-远程教育平台
                        </div>
                    </div>
                    <div class="col-12 col-sm-6  col-md-4 col-lg-4 col-xl-3  ">
                        <div class="web_con2_classify_title">
                            SD-未来
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12 col-sm-6  col-md-4 col-lg-4 col-xl-3  ">
                        <div class="web_con2_li">
                            <div class="web_con2_li_01">
                                <img class="img-fluid" src="/img/web/amurtiger-1975790__340.jpg" alt="">
                            </div>
                            <div class="web_con2_li_02">
                                <div class="web_con2_title ">
                                    SD-私房菜
                                </div>
                                <div class="web_con2_title ">
									构思来源于对于美团、饿了么两家独大但是不能送入新校区，对于这个私房菜我们尽可能让它变的无懈可击，为此还想了许多中思路确保它可以让人接受。
                                    <!-- 冰冷与黑暗并存的宇宙深处，九具庞大的龙尸拉着一口青铜古棺，亘古长存。 这是太空探测器在枯寂的宇宙中捕捉到的一幅极其震撼的画面。 -->
                                </div>
                                <div class="web_con2_classify">
                                    <div class="web_con2_classify_01">
                                        <i class="	fa fa-list-ul"> </i>
                                        <span>SD</span>
                                        <span>
                                            闪达
                                        </span>
                                        <span>
                                            第一个项目
                                        </span>
                                    </div>
                                    <div class="web_con2_classify_02">
                                        <span>
                                            原创
                                        </span>
                                    </div>
                                </div>
                                <div class="web_con2_article_details ">
                                    <div class="web_con2_article_details02">

                                        <div>
                                            <i class="fa fa-user-circle-o" data-toggle="tooltip" title="阁主小呆萌"></i>
                                            <span class="web_con2_article_author">阁主小呆萌</span>
                                        </div>
                                        <div>
                                            <i class="	fa fa-heart"></i>
                                            2333
                                        </div>
                                    </div>

                                    <div class="web_con2_article_details01">
                                        <div class="web_con2_article_details0101">
                                            <i class="fa fa-calendar"></i>
                                            <span class="web_con2_article_time">201819719</span>
                                        </div>
                                        <div class="web_con2_article_details0102">
                                            <i class="fa fa-eye">
                                            </i>
                                            2333
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-sm-6  col-md-4 col-lg-4 col-xl-3  ">
                        <div class="web_con2_li">
                            <div class="web_con2_li_01">
                                <img class="img-fluid" src="/img/web/amurtiger-1975790__340.jpg" alt="">
                            </div>
                            <div class="web_con2_li_02">
                                <div class="web_con2_title ">
                                    SD-魔力赏
                                </div>
                                <div class="web_con2_title ">
									为了这个项目的真实性，特意去去游戏里面进行抽奖，虽然没有花太多的钱，但是一起抽奖的兴奋感1令人难忘。
									<!-- 构思来源于对于美团、饿了么两家独大但是不能送入新校区，对于这个私房菜我们尽可能让它变的无懈可击，为此还想了许多中思路确保它可以让人接受。 -->
                                    <!-- 冰冷与黑暗并存的宇宙深处，九具庞大的龙尸拉着一口青铜古棺，亘古长存。 这是太空探测器在枯寂的宇宙中捕捉到的一幅极其震撼的画面。 -->
                                </div>
                                <div class="web_con2_classify">
                                    <div class="web_con2_classify_01">
                                        <i class="	fa fa-list-ul"> </i>
                                        <span>SD</span>
                                        <span>
                                            闪达
                                        </span>
                                        <span>
                                            第二个项目
                                        </span>
                                    </div>
                                    <div class="web_con2_classify_02">
                                        <span>
                                            原创
                                        </span>
                                    </div>
                                </div>
                                <div class="web_con2_article_details ">
                                    <div class="web_con2_article_details02">

                                        <div>
                                            <i class="fa fa-user-circle-o" data-toggle="tooltip" title="Re天雪"></i>
                                            <span class="web_con2_article_author">Re天雪</span>
                                        </div>
                                        <div>
                                            <i class="	fa fa-heart"></i>
                                            1314
                                        </div>
                                    </div>

                                    <div class="web_con2_article_details01">
                                        <div class="web_con2_article_details0101">
                                            <i class="fa fa-calendar"></i>
                                            <span class="web_con2_article_time">201819718</span>
                                        </div>
                                        <div class="web_con2_article_details0102">
                                            <i class="fa fa-eye">
                                            </i>
                                            2333
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-sm-6  col-md-4 col-lg-4 col-xl-3  ">
                        <div class="web_con2_li">
                            <div class="web_con2_li_01">
                                <img class="img-fluid" src="/img/web/amurtiger-1975790__340.jpg" alt="">
                            </div>
                            <div class="web_con2_li_02">
                                <div class="web_con2_title ">
                                    SD-远程教育平台
                                </div>
                                <div class="web_con2_title ">
									这是疫情最严重的时候，在家学习，在家考试，我们一起在家做实验报告。
                                    <!-- 冰冷与黑暗并存的宇宙深处，九具庞大的龙尸拉着一口青铜古棺，亘古长存。 这是太空探测器在枯寂的宇宙中捕捉到的一幅极其震撼的画面。 -->
                                </div>
                                <div class="web_con2_classify">
                                    <div class="web_con2_classify_01">
                                        <i class="	fa fa-list-ul"> </i>
                                        <span>SD</span>
                                        <span>
                                            闪达
                                        </span>
                                        <span>
                                            第三个项目
                                        </span>
                                    </div>
                                    <div class="web_con2_classify_02">
                                        <span>
                                            原创
                                        </span>
                                    </div>
                                </div>
                                <div class="web_con2_article_details ">
                                    <div class="web_con2_article_details02">

                                        <div>
                                            <i class="fa fa-user-circle-o" data-toggle="tooltip" title="风忆雪"></i>
                                            <span class="web_con2_article_author" >风忆雪</span>
                                        </div>
                                        <div>
                                            <i class="	fa fa-heart"></i>
                                            8888
                                        </div>
                                    </div>

                                    <div class="web_con2_article_details01">
                                        <div class="web_con2_article_details0101">
                                            <i class="fa fa-calendar"></i>
                                            <span class="web_con2_article_time">201819721</span>
                                        </div>
                                        <div class="web_con2_article_details0102">
                                            <i class="fa fa-eye">
                                            </i>
                                            233
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-sm-6  col-md-4 col-lg-4 col-xl-3  ">
                        <div class="web_con2_li">
                            <div class="web_con2_li_01">
                                <img class="img-fluid" src="/img/web/amurtiger-1975790__340.jpg" alt="">
                            </div>
                            <div class="web_con2_li_02">
                                <div class="web_con2_title ">
                                    SD-未来
                                </div>
                                <div class="web_con2_title ">
									最后一年在一起写实验了，以后工作的工作，学习的学习，见面的机会就少了。
                                    <!-- 冰冷与黑暗并存的宇宙深处，九具庞大的龙尸拉着一口青铜古棺，亘古长存。 这是太空探测器在枯寂的宇宙中捕捉到的一幅极其震撼的画面。 -->
                                </div>
                                <div class="web_con2_classify">
                                    <div class="web_con2_classify_01">
                                        <i class="	fa fa-list-ul"> </i>
                                        <span>SD</span>
                                        <span>
                                            闪达
                                        </span>
                                        <span>
                                            未来
                                        </span>
                                    </div>
                                    <div class="web_con2_classify_02">
                                        <span>
                                            原创
                                        </span>
                                    </div>
                                </div>
                                <div class="web_con2_article_details ">
                                    <div class="web_con2_article_details02">

                                        <div>
                                            <i class="fa fa-user-circle-o" data-toggle="tooltip" title="仓天之梦"></i>
                                            <span class="web_con2_article_author">仓天之梦</span>
                                        </div>
                                        <div>
                                            <i class="	fa fa-heart"></i>
                                            520
                                        </div>
                                    </div>

                                    <div class="web_con2_article_details01">
                                        <div class="web_con2_article_details0101">
                                            <i class="fa fa-calendar"></i>
                                            <span class="web_con2_article_time">201819717</span>
                                        </div>
                                        <div class="web_con2_article_details0102">
                                            <i class="fa fa-eye">
                                            </i>
                                            233
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script>
            $(document).ready(function () {
                $('[data-toggle="tooltip"]').tooltip();
            });
        </script>
    </div>
    <img class="img-fluid" src="img/home/1.jpg" alt="">

    <!-- 底部导航 -->
    <div class="footer ShowPC">
        <div class="container">
            <div class="row">
                <div class="col-12  footer_inner">
                    <div class="footer_inner_01">
                        <div class="footer_inner_0101">
                            友情链接:
                            <span class="footer_inner_0101_01">
                                <a href="https://space.bilibili.com/412495284">SD工作室</a>
                        
                            </span>
                           
                        </div>
                    </div>
                    <div class="footer_inner_02">Copyright ©2021 2018197-SD闪达工作小组</div>
                </div>
            </div>
        </div>
    </div>
 
    <script src="js/web_canvas02.js"></script>
</body>


</html>